/* 表格 */
.c-base-table.vxe-table {
  width: 100%;

  /* header 样式 */
  .vxe-header--row>.vxe-header--column {

    // 最后一列 的可变列宽功能去掉 
    &:last-child {
      .vxe-resizable {
        display: none;
      }
    }
  }

  /* body footer的cell 样式 */
  .vxe-cell {
    padding: 0 16px;
    font-size: 14px;
    font-family: HelveticaNeue;
    color: #435970;
    line-height: 28px;
  }

  &:not(.c-base-table--border) {

    /* 行边框颜色 */
    .vxe-body--column,
    .vxe-footer--column,
    .vxe-header--column {
      background-image: linear-gradient(#f2f3f5, #f2f3f5);
    }

    /* 最外面的边框 */
    .vxe-table--border-line {
      border-width: 0;
    }

    /* 表头的下边框去掉 */
    .vxe-table--header-border-line {
      border: none;
    }

    /* 表头背景色 */
    .vxe-table--header-wrapper {
      background-color: #fff;
    }

    /* 表头圆角 */
    .vxe-header--row>.vxe-header--column {
      &:first-child {
        border-radius: 3px 0 0 3px;
      }

      &:last-child {
        border-radius: 0 3px 3px 0;
      }
    }
  }

  /* 表头样式 */
  .vxe-header--column {
    background-color: #f3f7fb;
    padding: 6px 0 !important;
    height: 32px !important;

    &>.vxe-cell {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #0a1f33;
      line-height: 20px;
    }

    .vxe-resizable.is--line:before {
      height: 12px;
      background-color: #e1e6eb;
    }
  }

  /* 表格主体样式 */
  .vxe-body--column {
    padding: 8px 0 !important;

    >.vxe-cell {
      max-height: none !important;
    }
  }

  /* body的行的选中样式 */
  .vxe-body--row.row--current {
    background-color: #f8fbfc;
  }

  /* 行的hover样式 */
  .vxe-body--row.row--hover {
    background: #f8fbfc;
  }

  /* 排序按钮样式 */
  .vxe-cell--sort {
    top: 0;
    height: 15px;

    i {
      font-size: 10px;
    }

    i.vxe-sort--asc-btn {
      top: 0;
    }

    i.vxe-sort--desc-btn {
      bottom: 0;
    }
  }

  /* 多选checkbox大小 */
  .vxe-checkbox--icon {
    font-size: 16px;
  }

  /* fixed列阴影 */
  &.vxe-table--render-default {
    .vxe-table--fixed-right-wrapper.scrolling--middle {
      box-shadow: -2px 0px 4px 0px rgba(67, 89, 112, 0.08);
    }

    .vxe-table--fixed-left-wrapper.scrolling--middle {
      box-shadow: 2px 0px 4px 0px rgba(67, 89, 112, 0.08);
    }
  }

  /* 完整边框增加圆角  */
  &.c-base-table--border {
    &.vxe-table--render-default.border--full {
      .vxe-header--column {
        &:first-child {
          border-radius: 4px 0 0 0;
        }

        &:last-child {
          border-radius: 0 4px 0 0;
          // 最后一列的右边框去掉
          background-image: none;
        }
      }

      .vxe-body--row:last-child {
        .vxe-body--column {
          &:first-child {
            border-radius: 0 0 0 4px;
          }

          &:last-child {
            border-radius: 0 0 4px 0;
          }
        }
      }

      // 最后一列的右边框去掉
      .vxe-body--column:last-child {
        background-size: 1px 0px, 100% 1px;
      }
    }

    /* 最外面的边框 */
    .vxe-table--border-line {
      border-radius: 4px;
    }
  }

  /* 紧凑型行高 */
  &.c-base-table--cell-height__small {
    .vxe-body--column {
      padding: 5px 0 !important;
    }
  }

  /* 宽松型行高 */
  &.c-base-table--cell-height__large {
    .vxe-body--column {
      padding: 14px 0 !important;
    }
  }

  /* 树形表格的展开图标 */
  .vxe-tree--btn-wrapper {
    font-size: 12px;
  }

  /* 判断loading的高度过长时，把loading放在上面*/
  .el-loading-mask {
    container-type: size;
    container-name: container;
  }
  @container container (height >=70vh) {
    .el-loading-mask {
      background: red;
      .el-loading-spinner {
        top: 40vh !important;
      }
    }
  }
}

/* 表格footer */
.c-table-footer {
  width: 100%;
  height: 60px;
}

.vxe-table--footer {
  .vxe-footer--row {
    background: #F8FBFC;
  }
}